<template name="orders">
	<view>
		<view class="bg-white shadow flex uy">
			<view @click="getOrders" data-cur='cancled' :class="curOrder=='cancled'?'flex-sub text-green bottomGreen text-center padding-tb':'flex-sub text-center padding-tb'">
				قايتۇرۇلغان
			</view>
			<view @click="getOrders" data-cur='done' :class="curOrder=='done'?'flex-sub text-green bottomGreen text-center padding-tb':'flex-sub text-center padding-tb'">
				تاماملانغان
			</view>
			<view @click="getOrders" data-cur='payed' :class="curOrder=='payed'?'flex-sub text-green bottomGreen text-center padding-tb':'flex-sub text-center padding-tb'">
				پۇل تۆلەنگەن
			</view>
			<view @click="getOrders" data-cur='all' :class="curOrder=='all'?'flex-sub text-green bottomGreen text-center padding-tb':'flex-sub text-center padding-tb'">
				بارلىق
			</view>
		</view>
		<scroll-view scroll-y class="page" style="height: calc(100% - 100rpx);">
			Order Page
		</scroll-view>
	</view>
</template>

<script>
	import Http from "../../Http.js";
	import Lang from "../../Lang.js";
	export default {
		name: "orders",
		data() {
			return {
				curOrder:"all",
			};
		},
		methods: {
			getOrders: function(e) {
				this.curOrder = e.currentTarget.dataset.cur;
			}
		}
	}
</script>

<style>
	.page {
		height: 100vh;
	}
	.bottomGreen{
		border-bottom: #39b54a 6rpx solid;
	}
</style>
